<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <audio src="./src/禁放烟花.mp3" controls autoplay loop>

  </audio>
  <video width="800" controls autoplay loop>
    <source src="./src/禁放烟花.mp3"/>
  </video>
  <script>
    /**
     * 1. loadstart 当浏览器开始查找音视频触发
     * 2. loadedmetadata 当浏览器已经加载到音视频的元数据触发
     * 3. loadeddata 当浏览器已经加载音频/视频的当前帧时触发
     * 4. canplay 当浏览器已经开始播放音频/视频时触发
     * 5. playing 当浏览器正在播放触发
     * 6. progress 当浏览器正在下载音频/视频触发
     * 7. durationchange 当音视频的时长已更改时触发
     * 8. canplaythrough 当浏览器可在不因缓冲而停顿的情况下播放音频/视频时触发
     * 9. ontimeupdate 当目前的播放位置发生改变时触发
     * 10. onended 当音视频播放结束时触发
     * 11. onvolumechange 当音量发生变化时触发
    */
   var audio = document.querySelector('audio');

  </script>
</body>
</html>